<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
        integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
        crossorigin="anonymous" />
    <link rel="stylesheet" href="style.css">
    <title>FAQ 人生常见问题解答</title>
</head>

<body>
    <h1>Frequently Asked Questions 人生常见问题解答</h1>
    <div class="faq-container">
        <div class="faq active">
            <h3 class="faq-title">
                前半生与后半生的分界线是在哪里?
            </h3>

            <p class="faq-text">
                此时此刻。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                人这一生为什么要努力?
            </h3>

            <p class="faq-text">
                人生最痛苦的事:不是失败，而是我本可以。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                三十岁才开始努力，靠谱吗？
            </h3>

            <p class="faq-text">
                种一棵树最好的时间是十年前，其次是现在。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                王阳明的“知行合一”到底如何理解？又怎样运用到实际生活中?
            </h3>

            <p class="faq-text">
                知道做不到，等于不知道。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                什么叫见过大世面？
            </h3>

            <p class="faq-text">
                能享受最好的，能承受最坏的
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                哪些行为是浪费时间？
            </h3>

            <p class="faq-text">
                思而不学+犹豫不决。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                最能燃起你学习激情的一句话是什么?
            </h3>

            <p class="faq-text">
                你不能把这个世界，让给你所鄙视的人.
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                如果好人没好报，我们为什么还要做好人？
            </h3>

            <p class="faq-text">
                我们坚持一件事情，并不是因为这样做了会有效果，而是坚信，这样做是对的。——哈维尔
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                如何看待“年轻的时候需要的是朋友而不是人脉”？
            </h3>

            <p class="faq-text">
                没有目的之交往，才能感动人。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                你是如何走出人生的阴霾的？
            </h3>

            <p class="faq-text">
                多走几步。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>

        <div class="faq">
            <h3 class="faq-title">
                你对自由的理解是什么？
            </h3>

            <p class="faq-text">
                说“不”的能力。
            </p>

            <button class="faq-toggle">
                <i class="fas fa-chevron-down"></i>
                <i class="fas fa-times"></i>
            </button>
        </div>
    </div>

    <script src="script.js"></script>
</body>

</html>